


	.displayedDiv {
	    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
	    border-radius:10px;
	
	    vertical-align: top; /*keeps node from moving down when neighbor nodes get bigger to accomodate more text*/
	    display: inline-block; /*so that they can be next to each other*/
	    padding: 5px;
	    margin: 5px;
	
	    min-height: 40px;
	    height:auto;
	    width: 200px;
	    
	    -webkit-user-select: text; /*without these users wouldn't be able to select the text edit field*/
		-khtml-user-select: text;
		-moz-user-select: text;
		-ms-user-select: text;
		-o-user-select: text;
	}
	
	#goalsContainer>.displayedDiv, #premisesContainer>.displayedDiv, #fruitsContainer>.displayedDiv{
		position: relative; /*to keep them flowing and make their container resize automatically*/
		margin: 5px 5px 8px 5px; /*bottom margin is 8 px*/
	}
	
	#fruitsContainer>.displayedDiv{
		background-color: #bbeaf2;
	}
	
	#goalsContainer>.displayedDiv{
		background-color: #b1dbe3;
	}	
	
	#premisesContainer>.displayedDiv{
		background-color: #A5E9D7;
	}
	
	.argument{
		background-color: #adff99;
		margin: 0px;
		top: 1em;
		
		position:absolute !important;
	}
	
	.support{
		background-color: #adff99;
	}
	
	.attack{
		background-color: #ff8789;
	}
	
	.evidence{
		background-color: #9e9e9e;
	}
	
	.assist{
		background-color: #b5ffc8;
	}
	
	
	#A0 {
		background-color: orange;
		
	    top:19px;
	    
	    /*centers it*/
		left: 475px;   
	    width: 200px;
	    
	    z-index: 3;
	}
	
	#claimName{
		position: absolute;
		
		box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
	    border-top-left-radius:10px;
	    border-top-right-radius:10px;
	    border-bottom-right-radius: 0px;
	    border-bottom-left-radius: 0px;
		
		width: 100px;
		height: 19px;
		left: 530px;
		
		font-size: 18px;
		font-family: "Trebuchet MS", Helvetica, sans-serif;
		text-shadow: 0px 0px 2px black;
		text-align: center;
		
		z-index: 2;
		
		background-color: orange;
	}
	
	.readyToAccept{
		box-shadow : 0px 0px 4px 4px yellow;
	}
	
	.timestamp {
		visibility: hidden; /*eventually I want to get rid of the element and just make the time an attribute or something*/
		position: absolute; /*so that it doesn't take up any space*/
	}
	
	.editField {
	    outline: none; /*so no box around edit field*/
	}
	
